<template>
    <div class="notes">
        <div class="notes_top">
            <span>购买须知</span>
            <span class="iconfont soundsize">&#xe6a0;</span>
        </div>
        <div class="notes_bottom">
            <h1>有效期</h1>
            <p>购买后7天内有效</p>
            <h2>除外日期</h2>
            <p>每周五、周六、周日不可用</p>
            <p>元旦、劳动节、端午节、国庆节、清明节、中秋节、情人节不可用</p>
            <h3>使用时间</h3>
            <p>18:00-08:00</p>
            <h4>预约信息</h4>
            <p>无需预约，如遇消费高峰时段您可能需要排队</p>
            <h5>适用人数</h5>
            <p>每张团购券最多25人使用</p>
            <h6>规则提醒</h6>
            <p>需您当日一次性体验完毕所有项目</p>
            <p>不再与其他优惠同享</p>
            <h1>商家服务</h1>
            <p>提供免费WiFi</p>
            <p>停车位信息详询商户</p>
            <h1>温馨提示</h1>
            <p>如需团购券发票，请您在消费时向商户咨询</p>
            <p>为了保障您的权益，建议使用美团、点评网线上支付。若使用其他支付方式导致纠纷，美团、点评网不承担任何责任，感谢您的理解和支持！</p>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
.notes{
    width: 100%;
    height: 15rem;
}
.notes_top{
    height: 0.5rem;
    width: 100%;
    font-size: 0.3rem;
    margin-top: 0.3rem;
    margin-left: 0.4rem;
}
.notes_top span{
    float: left;
}
.notes_top span.soundsize{
    margin-left: 0.2rem;
}
.notes_bottom {
    height: 10rem;
    width: 100%;
}
.notes_bottom h1{
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #999;
    text-align: left;
    margin-left: 0.4rem;
}
.notes_bottom p{
    line-height: 0.5rem;
    font-size: 0.32rem;
    text-align: left;
    margin-left: 0.4rem;
}
.notes_bottom h2{
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #999;
    text-align: left;
    margin-left: 0.4rem;
}
.notes_bottom h3{
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #999;
    text-align: left;
    margin-left: 0.4rem;
}
.notes_bottom h4{
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #999;
    text-align: left;
    margin-left: 0.4rem;
}
.notes_bottom h5{
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #999;
    text-align: left;
    margin-left: 0.4rem;
}
.notes_bottom h6{
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #999;
    text-align: left;
    margin-left: 0.4rem;
}
</style>
